<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Sistema de Prácticas Profesionales</title>
    </h:head>
    <h:body>
        <h:form id="form">
            <DIV ALIGN="center" >
                <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ" style="background-color: lightgray" >  
                    <p:panel header="PROCESO DE EMPALME O INDUCCIÓN EN EL SITIO DE PRÁCTICA" >
                        <h:panelGrid columns="4" border="5" bgcolor="" dir="CENTER" >
                        <h:outputText value="Profesional que ingresa a la Práctica " />
                        <p:selectOneMenu value="#{buttonBean.number}">  
                            <f:selectItem itemLabel="Select One" itemValue="" />  
                            <f:selectItem itemLabel="Option 1" itemValue="1" />  
                            <f:selectItem itemLabel="Option 2" itemValue="2" />  
                            <f:selectItem itemLabel="Option 3" itemValue="3" />  
                        </p:selectOneMenu>
                        <h:outputText value="Programa " />
                        <h:panelGrid columns="2" border="" bgcolor="" dir="CENTER" >
                               <p:selectOneRadio id="Programa" value="#{formBean.number}">  
                                   <f:selectItem itemLabel="Negocios " itemValue="1" /> 
                                   <f:selectItem itemLabel="Mercadeo" itemValue="1" />
                               </p:selectOneRadio>  
                        </h:panelGrid>
                        <h:outputText value="Fecha " />  
                        <p:calendar value="#{calendarBean.date3}" id="popupButtonCal" showOn="button" locale="tr"/> 
                        <h:outputText value="Nombre de la entidad " />
                        <p:inputText id="NomEntidad" maxlength="50" size="25"/> 
                        <h:outputText value="Profesional  que realiza el empalme: " />
                        <p:inputText id="Profesional" maxlength="50" size="25"/> 
                        <h:outputText value="Nombre Supervisor de la Entidad " />
                        <p:inputText id="SupervisorEnt" maxlength="50" size="25"/> 
                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="Apreciado Estudiante: Por favor diligencie este documento, una vez haya recibido la inducción por parte del sitio de práctica" >
                        <h:panelGrid columns="6" border="5" bgcolor="" dir="CENTER" >
                            <h:outputText value="A " />
                            <h:outputText value="Recibió información con respecto a: " />
                            <h:outputText value="Si " />
                            <h:outputText value="No " />
                            <h:outputText value="N/A " />
                            <h:outputText value="Observaciones " />
                            
                            <h:outputText value="1 " />
                            <h:outputText value="Reseña histórica de la entidad " />
                            <p:selectOneRadio id="Resenia" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Resenia" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Resenia" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="2 " />
                            <h:outputText value="Mision " />
                            <p:selectOneRadio id="Mision" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Mision" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Mision" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="3 " />
                            <h:outputText value="Vision " />
                            <p:selectOneRadio id="Vision" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Vision" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Vision" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="4 " />
                            <h:outputText value="Valores Corporativos " />
                            <p:selectOneRadio id="ValCorp" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="ValCorp" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="ValCorp" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="5 " />
                            <h:outputText value="Organigrama " />
                            <p:selectOneRadio id="organigrama" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="organigrama" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="organigrama" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="6 " />
                            <h:outputText value="Reglamento de Salud Ocupacional " />
                            <p:selectOneRadio id="Reglamento" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Reglamento" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Reglamento" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="7 " />
                            <h:outputText value="Estructura organizacional del área de trabajo " />
                            <p:selectOneRadio id="EstrucOrg" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="EstrucOrg" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="EstrucOrg" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="8 " />
                            <h:outputText value="Cadena de Mando " />
                            <p:selectOneRadio id="cadena" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="cadena" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="cadena" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="9 " />
                            <h:outputText value="Manual de funciones y procedimientos " />
                            <p:selectOneRadio id="Manual" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Manual" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Manual" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="10 " />
                            <h:panelGrid columns="1" border="" bgcolor="" dir="CENTER" >
                            <h:outputText value="¿Cuáles son sus funciones asignadas?  " />
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            </h:panelGrid>
                            <h:outputText value=" " /><h:outputText value=" " /><h:outputText value=" " />
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="11 " />
                            <h:outputText value="Ubicación de documentos y archivos  " />
                            <p:selectOneRadio id="Ubicacion" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Ubicacion" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Ubicacion" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="12 " />
                            <h:outputText value="Formatos, ubicación de documentos y carpetas  " />
                            <p:selectOneRadio id="Docuementos" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Docuementos" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Docuementos" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="10 " />
                            <h:panelGrid columns="1" border="" bgcolor="" dir="CENTER" >
                            <h:outputText value="Otros ¿Cuáles?  " />
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            </h:panelGrid>
                            <h:outputText value=" " /><h:outputText value=" " /><h:outputText value=" " />
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                        </h:panelGrid>
                        <p:separator id="customSeparator" style="width:800px;height:20px" />  
                        <h:panelGrid columns="6" border="5" bgcolor="" dir="CENTER" >
                            <h:outputText value="B " />
                            <h:outputText value="Le fue entregado: " />
                            <h:outputText value="Si " />
                            <h:outputText value="No " />
                            <h:outputText value="N/A " />
                            <h:outputText value="Observaciones " />
                            
                            <h:outputText value="1 " />
                            <h:outputText value="Sitio de trabajo dotado de computador " />
                            <p:selectOneRadio id="SitioTrabajo" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="SitioTrabajo" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="SitioTrabajo" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                            <h:outputText value="2 " />
                            <h:panelGrid columns="1" border="" bgcolor="" dir="CENTER" >
                            <h:outputText value="Herramientas básicas de trabajo (Ej. Papelería, teléfono) ¿Cuáles?  " />
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            </h:panelGrid>
                            <p:selectOneRadio id="HerramientasEntregadas" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="HerramientasEntregadas" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="HerramientasEntregadas" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                        
                            <h:outputText value="3 " />
                            <h:panelGrid columns="1" border="" bgcolor="" dir="CENTER" >
                            <h:outputText value="Horario  " />
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            </h:panelGrid>
                            <p:selectOneRadio id="Horario" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Horario" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Horario" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     

                        </h:panelGrid>
                        <p:separator id="customSeparator" style="width:800px;height:20px" /> 
                        <h:panelGrid columns="6" border="5" bgcolor="" dir="CENTER" >
                            <h:outputText value="C " />
                            <h:outputText value="Recorrido institucional " />
                            <h:outputText value="Si " />
                            <h:outputText value="No " />
                            <h:outputText value="N/A " />
                            <h:outputText value="Observaciones " />
                            
                            <h:outputText value="1 " />
                            <h:outputText value="Presentación  del Profesional en Formación a los funcionarios de la Entidad " />
                            <p:selectOneRadio id="Presentacion" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="1" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Presentacion" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:selectOneRadio id="Presentacion" value="#{formBean.number}">  
                                <f:selectItem itemLabel=" " itemValue="2" />
                            </p:selectOneRadio>
                            <p:inputTextarea rows="1" cols="50" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                            
                        </h:panelGrid>
                        
                    </p:panel>
                    <p:commandButton value="Guardar" update="display" oncomplete="dlg.show()" />  
                        <p:commandButton value="Cancelar" update="display" oncomplete="dlg.show()" />  
                        <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                           <p:outputPanel id="display">  
                               <p:dataList value="#{formBean.selectedOptions}" var="option">  
                                   #{option}  
                               </p:dataList>  
                               <p:dataList value="#{formBean.selectedMovies}" var="movie">  
                                   #{movie}  
                               </p:dataList>  
                           </p:outputPanel>
                        </p:dialog>
                </p:panel>    
                <h:outputText value="Fundacion Universitaria Konrad Lorenz - Todos los derechos reservados*" style="color: lightgray"/>    
            </DIV>        
        </h:form>    
    </h:body>
</html>
